<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta HTTP-EQUIV="pragma" CONTENT="no-cache">
    <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <meta HTTP-EQUIV="expires" CONTENT="0">
    <link rel="shortcut icon" href="./images/icon.png" type="image/x-icon" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <title>东明家居集团-市场信息管理系统</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/iview.css">
    <link rel="stylesheet" href="css/style.css">
    <link href="./js/toastr/toastr.css" rel="stylesheet">
    <style>
        .label_name{width: 120px;}
    </style>
</head>
<body>
<div class="container-fluid" id="app">
    <!-- breadcrumb -->
    <template class="page-header">
        <breadcrumb class="pull-left">
            <breadcrumb-item to="welcome.html" >首页</breadcrumb-item>
            <breadcrumb-item>展位查询</breadcrumb-item>
        </breadcrumb>
    </template>
    <!-- 搜索条件 -->
    <div class="table-margin">
        <row>
            <i-col span="3" class-name="mr10" style="width:150px;">
                <i-select v-model="StoreType" placeholder="店面分类:" @on-change="changeStore">
                    <i-option v-for="item in StoreTypeList" :value="item.value" :key="item.value" >{{item.label}}</i-option>
                </i-select>
            </i-col>
            <i-col span="3" class-name="mr10" style="width:150px;">
                <i-select v-model="Store" placeholder="店面:">
                    <i-option v-for="item in StoreList" :value="item.value" :key="item.value" >{{item.label}}</i-option>
                </i-select>
            </i-col>
            <i-col span="3" class-name="mr10" style="width:150px;">
                <i-select v-model="Floor" placeholder="楼层:">
                    <i-option v-for="item in FloorList" :value="item.value" :key="item.value" >{{item.label}}</i-option>
                </i-select>
            </i-col>
            <i-col span="3" class-name="mr10" style="width:150px;">
                <i-select v-model="ProductType" placeholder="产品品类:">
                    <i-option v-for="item in ProductTypeList" :value="item.value" :key="item.value" >{{item.label}}</i-option>
                </i-select>
            </i-col>
            <i-col span="3" class-name="mr10" style="width:150px;">
                <i-select v-model="StandType" placeholder="展位状态:">
                    <i-option v-for="item in StandTypeList" :value="item.value" :key="item.value" >{{item.label}}</i-option>
                </i-select>
            </i-col>
            <!--<i-col span="3" class-name="mr10" style="width:150px;">
                <i-select v-model="BrandJson" placeholder="代理品牌" @on-change="changeBrandList">
                    <i-option v-for="item in BrandJsonList" :value="item.value"  :key="item.value">{{item.label}}</i-option>
                </i-select>
            </i-col>
            <i-col span="3" class-name="mr10" style="width:150px;">
                <i-select v-model="BrandListJson" placeholder="品牌系列" >
                    <i-option v-for="item in BrandListJsonList" :value="item.value" :key="item.value" >{{item.label}}</i-option>
                </i-select>
            </i-col>-->
            <i-col span="5">
                <i-button type="primary" class="mr10" @click="querytable('1','99999999')">搜索</i-button>
            </i-col>
        </row>
        <row>
            <i-col span="20" style="margin-top: 15px;">
                <span style="font-size: 16px;font-weight: bold">展位总面积合计：<span style="color: #c00">{{StandAreaTotal}}</span> 平方米</span>
                <span style="font-size: 16px;margin-left: 20px;font-weight: bold">正常展位总面积合计：<span style="color: #c00">{{StartStandAreaTotal}}</span> 平方米</span>
                <span style="font-size: 16px;margin-left: 20px;font-weight: bold">已撤场展位总面积合计：<span style="color: #c00">{{EndStandAreaTotal}}</span> 平方米</span>
                <span style="font-size: 16px;margin-left: 20px;font-weight: bold;">东明正常展位总面积合计：<span style="color: #c00">{{StartDMStandAreaTotal}}</span> 平方米</span>
                <span style="font-size: 16px;margin-left: 20px;font-weight: bold;">其他展位正常总面积合计：<span style="color: #c00">{{StartOtherStandAreaTotal}}</span> 平方米</span>
            </i-col>
        </row>
    </div>
    <!-- 搜索结果 -->
    <div class="table-margin">
        <i-table :columns="columns1" :data="data1" algin="center" class="table_style"></i-table>
    </div>
</div>
</body>
<script src="./js/jquery-1.11.1.min.js"></script>
<script src="./js/vue.js"></script>
<script src="./js/iview.min.js"></script>
<script src="./js/zw/sh_givelim.js"></script>
<script src="./js/toastr/toastr.min.js"></script>
</html>

  

  

  

  

  
